<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>延迟显示</title>
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    <style>
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body>
<div id="app" v-cloak>
  <h1>{{ message}}</h1>
    <h1>{{ grate + ", " + name + "!"}}</h1>
    <h2>{{ num + 456 }}</h2>
</div>

<script>
    const app = Vue.createApp({
        data(){
            return {
                message: "Hello, World!",
                grate:"Hi",
                name:"abcque",
                num: 123,
            }
        }
    })

    app.mount("#app")

</script>
</body>
</html>